#bg {
	background:url("../img/container.jpg") no-repeat scroll center top #EFEFEF;
}

div#titre { 
	margin: 60px auto 0;
	width:700px;
}

#titre img {
	margin-left: 5px;
}

div#page { 
	margin: 0 auto;
	width:700px;
}

#grille {
	float: right;
	margin-right: 50px;
	margin-top: 10px;
	margin-bottom: 45px;
	height: 420px;
}

#partieGauche {
	float:left;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 45px;
	border-collapse: collapse;
	border-right: white solid 1px;
	width: 175px;
	height: 420px;
}

div#actions { 
	margin-top: 10px;
	margin-left: 5px;
}

div#footer {
	clear: both;
	margin: 0 auto;
	width:700px;
    font-family: Verdana,Arial;
    font-size: 10px;
    color: white;
    text-align: center;
}

div#message {
	padding-top: 4px;
    margin-left: -8px;
    width: 700px;
    margin-bottom: 16px;
    border-collapse: collapse;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    background-color: gray;
}

.tableau {
	border-collapse: collapse;
	border: gray solid 2px;
	margin: 0;
	padding: 0;
}

.region {
	border-collapse: collapse;
	border: gray solid 1px;
	margin: 0;
	padding: 0;
}

.ligne {
	border: solid 1px gray;
	margin: 0;
	padding: 0;
}

input.cellule {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 24px;
	color: black;
	border: 0;
	text-align: center;
	vertical-align: bottom;
	padding: 7px;
	margin: 0;
	width: 30px;
	height: 30px;
	cursor: default;
}

input.celluleInitiale {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 30px;
	color: black;
	border: 0;
	text-align: center;
	vertical-align: bottom;
	padding: 7px;
	margin: 0;
	width: 30px;
	height: 30px;
	cursor: default;
}

a.button{
	background:url(../img/button.gif) no-repeat scroll 0 0;
	display:block;
	color:white;
	font-weight:normal;
	height:45px;
	line-height:40px;
	margin-bottom:14px;
	text-decoration:none;
	font-family:Arial,Helvetica,sans-serif;
	width:165px;
}

a:hover.button{
	font-weight:bold;
}

.reset{
	background:url(../img/delete.png) no-repeat 15px 8px;
	text-indent:48px;
	display:block;
}

.continue{
	background:url(../img/pencil.png) no-repeat 15px 8px;
	text-indent:48px;
	display:block;
}

.search{
	background:url(../img/lens.png) no-repeat 15px 8px;
	text-indent:48px;
	display:block;
}

.getExemple1{
	background:url(../img/download.png) no-repeat 15px 8px;
	text-indent:48px;
	display:block;
}

.getExemple2{
	background:url(../img/download.png) no-repeat 15px 8px;
	text-indent:48px;
	display:block;
}

